<template>
	<view style="background: #fff; width: 100%;height: auto;float: left;">
		<!-- <view class=""></view> -->
		<view class="center_top">
			<view class="center_tit t9">
				我的
				<image src="/static/img/tui.png" mode="widthFix" @click="tuichu()"></image>
			</view>
			<view class="center">
				<image :src="headimg" class="center_top_img" @click="info()"></image>
				<view class="center_top_tit" @click="info()">
					<text class="t14" style="width: 100%;text-align: left;">{{nickname}}</text><text class="t11"
						style="border: 1px solid #F1C75E;border-radius: 2vw; margin-left: 4vw;margin-top: 2vw;">{{usertype}}</text><text
						class="t11" style="margin-left: 4vw;margin-top: 2vw;" v-if="agentAreaName">
						<image src="/static/img/diqu.png" mode="widthFix"
							style="width: 3vw; margin-top: 1vw;margin-right: 1vw;"></image>{{agentAreaName}}
					</text>
				</view>
				<image src="/static/img/exe-next.png" mode="widthFix" class="center_top_next" @click="info()">
				</image>
				<view class="cneter_main" v-if="utype==0 && level == 2">
					<view class="center_li">
						<text class="t24">广告收益</text>
						<text class="t11">{{managerAd/100}}元</text>
					</view>
					<view class="center_li">
						<text class="t24">流水收益</text>
						<text class="t11">{{managerLs/100}}元</text>
					</view>
				</view>
				 <!-- v-if="utype==20" -->
				<view class="cneter_main" v-if="utype==20">
					<!-- <view class="center_li">
						<text class="t24">红包发放</text>
						<text class="t11">{{redInc/100}}元</text>
					</view> -->
					<view class="center_li" @click="onAdClick()">
						<text class="t24">广告明细</text>
						<text class="t11">{{adInc/100}}元</text>
					</view>
					<view class="center_li" @click="onTradeClick()">
						<text class="t24">流水明细</text>
						<text class="t11">{{tradeInc/100}}元</text>
					</view>
				</view>
				<view class="cneter_main" v-if="utype==10">
					<!-- <view class="center_li">
						<text class="t24">红包收益</text>
						<text class="t11">{{redInc/100}}元</text>
					</view> -->
					<view class="center_li" @click="onAdAgentClick()">
						<text class="t24">广告收益</text>
						<text class="t11">{{adInc/100}}元</text>
					</view>
					<!-- <view class="center_li" @click="onTradeAgentClick()"> -->
					<view class="center_li">
						<text class="t24">流水收益</text>
						<text class="t11">{{tradeInc/100}}元</text>
					</view>
					<!-- <view class="center_li">
						<text class="t24">购买收益</text>
						<text class="t11">{{tradeInc/100}}元</text>
					</view> -->
				</view>
			</view>

			<!-- adInc:0,
			redInc:0,
			tradeInc:0, -->
		</view>



		<view class="ind_mingxi" v-show="utype!=99" style="margin-bottom: 0;">
			<view class="shop_tit t10">
				<image class="shop_tit_img" src="/static/img/sy1.png"></image>流水收益表
			</view>

			<scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false"
				:scroll-into-view="scrollInto">
				<view class="uni-tab-item">
					<text class="uni-tab-item-title t23" v-for="(tab,index) in tabBars" :key="tab.id" :id="tab.id"
						:data-current="index" @click="ontabtap"
						:class="tabIndex==index ? 'uni-tab-item-title-active' : ''">{{tab.name}}</text>
					<!-- <text class="uni-tab-item-title t23 uni-tab-item-title-active" style="margin: 0;float: right;"
						@click="rimingxi" v-if="tabIndex==0">更多</text> -->
				</view>
				<!-- <view class="uni-tab-item">
				</view> -->
				<swiper :current="tabIndex" class="swiper-box" :duration="300" @change="ontabchange">
					<swiper-item class="ind_mingxi_li">
						<view class="ind_mingxi_i">

							<view class="qiun-charts" style="background-color: #fff;">
								<!--#ifdef MP-ALIPAY -->
								<canvas canvas-id="canvasColumn" id="canvasColumn" class="charts"
									style="background-color: #fff;" :width="cWidth*pixelRatio"
									:height="cHeight*pixelRatio" :style="{'width':cWidth+'px','height':cHeight+'px'}"
									@touchstart="touchIt($event,'canvasColumn')"></canvas>
								<!--#endif-->
								<!--#ifndef MP-ALIPAY -->
								<canvas canvas-id="canvasColumn" id="canvasColumn" class="charts"
									style="background-color: #fff;"
									@touchstart="touchIt($event,'canvasColumn')"></canvas>
								<!--#endif-->
							</view>
						</view>
					</swiper-item>
					<swiper-item class="ind_mingxi_li">
						<view class="ind_mingxi_i">

							<view class="qiun-charts" style="background-color: #fff;">
								<!--#ifdef MP-ALIPAY -->
								<canvas canvas-id="canvasColumn1" id="canvasColumn1" class="charts"
									style="background-color: #fff;" :width="cWidth*pixelRatio"
									:height="cHeight*pixelRatio" :style="{'width':cWidth+'px','height':cHeight+'px'}"
									@touchstart="touchIt($event,'canvasColumn1')"></canvas>
								<!--#endif-->
								<!--#ifndef MP-ALIPAY -->
								<canvas canvas-id="canvasColumn1" id="canvasColumn1" class="charts"
									style="background-color: #fff;"
									@touchstart="touchIt($event,'canvasColumn1')"></canvas>
								<!--#endif-->
							</view>
						</view>
					</swiper-item>
					<swiper-item class="ind_mingxi_li">
						<view class="ind_mingxi_i">

							<view class="qiun-charts" style="background-color: #fff;">
								<!--#ifdef MP-ALIPAY -->
								<canvas canvas-id="canvasColumn2" id="canvasColumn2" class="charts"
									style="background-color: #fff;" :width="cWidth*pixelRatio"
									:height="cHeight*pixelRatio" :style="{'width':cWidth+'px','height':cHeight+'px'}"
									@touchstart="touchIt($event,'canvasColumn2')"></canvas>
								<!--#endif-->
								<!--#ifndef MP-ALIPAY -->
								<canvas canvas-id="canvasColumn2" id="canvasColumn2" class="charts"
									style="background-color: #fff;"
									@touchstart="touchIt($event,'canvasColumn2')"></canvas>
								<!--#endif-->
							</view>
						</view>
					</swiper-item>
				</swiper>
			</scroll-view>
		</view>
		<view class="ind_jiaoyi_jian1" style="padding-bottom: 0;" v-if="utype==0 && level == 2">
			<!--商家 -->
			<view class="shop_tit t10">
				<image class="shop_tit_img" src="/static/img/guanli.png"></image>管理信息
			</view>
			<view class="center_tream" @click="jinduAll">
				<image src="/static/img/jindu.png" mode="widthFix" class="center_tream_tub"
					style="background: #f66539;"></image>
				<text class="t14">我的店铺</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
		</view>
		<view class="ind_jiaoyi_jian1" style="padding-bottom: 0;" v-else>
			<!--商家 -->
			<view class="shop_tit t10">
				<image class="shop_tit_img" src="/static/img/guanli.png"></image>管理信息
			</view>
			<view class="center_tream" @click="jindu" v-show="utype==20">
				<image src="/static/img/jindu.png" mode="widthFix" class="center_tream_tub"
					style="background: #f66539;"></image>
				<text class="t14">我的店铺</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<!-- <view class="center_tream" @click="ad" v-show="utype==20"> -->
			<view class="center_tream" @click="ad" >
				<image src="/static/img/gu.png" mode="widthFix" class="center_tream_tub"
					style="background: #eecf52;"></image>
				<text v-if="publishState==2" class="t14">广告管理</text>
				<text v-if="publishState==1" class="t14">发布管理</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<!-- <view class="center_tream" @click="toufang" v-show="utype==20">
				<image src="/static/img/gu.png" mode="widthFix" class="center_tream_tub"
					style="background: #e94c7a;"></image>
				<text class="t14">发布广告</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view> -->
			<!-- &&zhuangtai==1 -->
			<view class="center_tream" @click="bindSound" v-show="utype==20">
				<image src="/static/img/hb.png" mode="widthFix" class="center_tream_tub"
					style="background: #90bf95;"></image>
				<text class="t14">收款音响绑定</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="tixianErcode" v-show="utype==20">
				<image src="/static/img/yq.png" mode="widthFix" class="center_tream_tub"
					style="background: #d9a3d1;"></image>
				<text class="t14">免费提现授权码</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="skm" v-show="utype==20">
				<image src="/static/img/yq.png" mode="widthFix" class="center_tream_tub"
					style="background: #f5c9a2;"></image>
				<text class="t14">我的收款码</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="shareCode" v-show="utype==10">
				<image src="/static/img/yq.png" mode="widthFix" class="center_tream_tub"
					style="background: #f66539;"></image>
				<text class="t14">我的推荐码</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<!-- v-show="utype==99"-->
			<view class="center_tream" @click="mingxi1" v-show="utype==20">
				<image src="/static/img/hb.png" mode="widthFix" class="center_tream_tub"
					style="background: #fa9f73;"></image>
				<text class="t14">红包管理</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="saoma">
				<image src="/static/img/info_list.png" mode="widthFix" class="center_tream_tub"
					style="background: #f9e3f0;"></image>
				<text class="t14">商品核销</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream"  @click="mingxi" v-if="utype == 20">
				<image src="/static/img/zhang.png" mode="widthFix" class="center_tream_tub"
					style="background: #90bf95;"></image>
				<text class="t14">收益明细</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream"  @click="tsmingxi" v-if="utype == 10">
				<image src="/static/img/zhang.png" mode="widthFix" class="center_tream_tub"
					style="background: #d9a3d1;"></image>
				<text class="t14">推手视频收益</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" v-show="utype==20" @click="huiyuan">
				<image src="/static/img/v.png" mode="widthFix" class="center_tream_tub"
					style="background: #fdabc1;"></image>
				<text class="t14">会员管理</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<!-- <view class="center_tream" v-show="utype==20">
				<view class="ind_nav_image" style="background: #d7ccea;">
					<image src="/static/img/v.png" mode="widthFix" @click="mingxi">
				</view>
				</image><text class="t1">结算管理</text>
			</view> -->
			<!-- <view class="center_tream" v-show="utype==20">
				<view class="ind_nav_image" style="background: #fdabc1;">
					<image src="/static/img/v.png" mode="widthFix" @click="mingxi">
				</view>
				</image><text class="t1">报表统计</text>
			</view> -->
			<!-- <view class="center_tream" v-show="utype==20">
				<view class="ind_nav_image" style="background: #fdabc1;">
					<image src="/static/img/v.png" mode="widthFix" @click="mingxi">
				</view>
				</image><text class="t1">客户红包</text>
			</view> -->
			<!--代理 -->
			<!-- 	<view class="center_tream" @click="tuandui" v-show="level!=0&&level!=99&&utype==10">
				<image src="/static/img/td.png" mode="widthFix" class="center_tream_tub"
					style="background: #8ecce5;"></image>
				<text class="t14">我的联盟</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view> -->
			<view class="center_tream" @click="street" v-show="utype == 10 && level == 3">
				<image src="/static/img/dp.png" mode="widthFix" class="center_tream_tub"
					style="background: #d9a3d1;"></image>
				<text class="t14">街道代理</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="basedl" v-show="utype == 10 && level == 4">
				<image src="/static/img/dp.png" mode="widthFix" class="center_tream_tub"
					style="background: #90bf95;"></image>
				<text class="t14">普通代理</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="shanghu" v-show="utype == 10">
				<image src="/static/img/dp.png" mode="widthFix" class="center_tream_tub"
					style="background: #eecf52;"></image>
				<text class="t14">我的商户</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="zhituishanghu" v-show="utype == 10">
				<image src="/static/img/dp.png" mode="widthFix" class="center_tream_tub"
					style="background: #f66539;"></image>
				<text class="t14">直推商户</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<!-- <view class="center_tream" @click="shad" v-show="level!=0&&level!=99&&utype==10">
				<image src="/static/img/gu.png" mode="widthFix" class="center_tream_tub"
					style="background: #90bf95;"></image>
				<text class="t14">广告管理</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view> -->
			<!-- <view class="center_tream" @click="tuandui" v-show="level!=0&&level!=99&&utype==10">
				<image src="/static/img/td.png" mode="widthFix" class="center_tream_tub"
					style="background: #f9e3f0;"></image>
				<text class="t14">下级代理</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view> -->
			<!-- <view class="center_tream" @click="mingxi1" v-show="level!=0&&level!=99&&utype==10">
				<image src="/static/img/info_list.png" mode="widthFix" class="center_tream_tub"
					style="background: #90bf95;"></image>
				<text class="t14">红包管理</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view> -->
			<view class="center_tream" @click="daili1" v-show="utype == 10">
				<image src="/static/img/zhang.png" mode="widthFix" class="center_tream_tub"
					style="background: #fa9f73;"></image>
				<text class="t14">我的收益</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<!-- <view class="center_tream" @click="dailimingxi" v-show="level!=0&&level!=99&&utype==10">
				<image src="/static/img/info_list.png" mode="widthFix" class="center_tream_tub"
					style="background: #90bf95;"></image>
				<text class="t14">收益明细</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view> -->


			<!--普通用户 -->
			<!-- <view class="center_tream" v-show="utype==20">
				<view class="ind_nav_image" style="background: #fdabc1;">
					<image src="/static/img/yq.png" mode="widthFix" @click="mingxi">
				</view>
				</image><text class="t1">收支明细</text>
			</view> -->
			<view class="center_tream" @click="shenqing" v-show="utype==99">
				<image src="/static/img/sq.png" mode="widthFix" class="center_tream_tub"
					style="background: #c8e7c7;"></image>
				<text class="t14">店铺申请</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="order">
				<image src="/static/img/pro_lis.png" mode="widthFix" class="center_tream_tub"
					style="background: #d9a3d1;"></image>
				<text class="t14">我的订单</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<!-- <view class="center_tream" @click="mingxi1" v-show="utype==99">
				<image src="/static/img/info_list.png" mode="widthFix" class="center_tream_tub"
					style="background: #90bf95;"></image>
				<text class="t14">红包明细</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view> -->
			<view class="center_tream" @click="usersy" v-show="utype==99">
				<image src="/static/img/hb.png" mode="widthFix" class="center_tream_tub"
					style="background: #fa9f73;"></image>
				<text class="t14">付款明细</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view v-if="publishState==2" class="center_tream" @click="task" >
				<image class="center_tream_tub" src="/static/img/gu.png" mode="widthFix"
					style="background: #6fceb4;"></image>
				<text class="t14">任务</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view v-if="publishState==2" class="center_tream" @click="pusher" >
				<image class="center_tream_tub" src="/static/img/hb.png" mode="widthFix"
					style="background: #fa9f73;"></image>
				<text class="t14">推手服务</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>

		</view>

		<view class="ind_jiaoyi_jian1">
			<!--商家 -->
			<view class="shop_tit t10">
				<image class="shop_tit_img" src="/static/img/shezhi1.png"></image>系统设置
			</view>
			<view class="center_tream" @click="kefu()">
				<image class="center_tream_tub" src="/static/img/kefu.png" mode="widthFix"
					style="background: #faa0b5;"></image>
				<text class="t14">客服</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="xiugaimima()">
				<image class="center_tream_tub" src="/static/img/mima.png" mode="widthFix"
					style="background: #95e4de;"></image>
				<text class="t14">修改密码</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<!-- <view class="center_tream" @click="gengxin()">
				<image class="center_tream_tub" src="/static/img/gengxin.png" mode="widthFix"
					style="background: #ffb48a;"></image>
				<text class="t14">更新</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view> -->
			<view class="center_tream" @click="weix()">
				<image class="center_tream_tub" src="/static/img/chudan.png" mode="widthFix"
					style="background: #6fceb4;"></image>
				<text class="t14">微信/支付宝授权</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<view class="center_tream" @click="about()">
				<image class="center_tream_tub" src="/static/img/gu.png" mode="widthFix"
					style="background: #6fceb4;"></image>
				<text class="t14">关于招财阿咪</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
			<!-- <view v-if="publishState==2" class="center_tream" @click="vip()">
				<image class="center_tream_tub" src="/static/img/vip.png" mode="widthFix"
					style="background: #fa9f73;"></image>
				<text class="t14">会员系统</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view> -->
			<view class="center_tream" @click="zhuxiao()">
				<image class="center_tream_tub" src="/static/img/mima.png" mode="widthFix"
					style="background: #95e4de;"></image>
				<text class="t14">账号注销</text>
				<image class="center_tream_next" src="/static/img/turn.png" mode="widthFix"></image>
			</view>
		</view>
		<!-- <view class="tuic t15" @click="tuichu()" style="margin-bottom: 10vw;">退出登录</view> -->
	</view>
</template>

<script>
	import permision from "@/js_sdk/wa-permission/permission.js";
	import uCharts from "../../components/u-charts/u-charts.js";
	var _self;
	var canvasObj = {};
	// import '/static/css.css'
	export default {
		data() {
			return {
				headimg: '/static/img/logo.png',
				mainid: '',
				usertype: '',
				DJ_USDT: '',
				USDT: '',
				nickname: '',
				utype: "",
				level: '',
				imgindex: 0,
				imglist: [],
				msgs: [],
				bizhong: [],
				level: 90,
				classs: "ind_jiaoyi_jia t4",
				classs1: "ind_jiaoyi_jia t4",
				classs2: "ind_jiaoyi_jia t4",
				classs3: "ind_jiaoyi_jia t4",
				classs4: "ind_jiaoyi_jia t4",
				type: "",
				version: "",
				upurl: "",
				news: "",
				des: "",
				yuesy: 0,
				risy: 0,
				jisy: 0,
				sqzt: 0, //0，未申请 1 已申请 2 用户已经是商户
				utype: "",
				newsList: [],
				cacheTab: [],
				tabIndex: 0,
				tabBars: [{
						name: "日收益",
						id: "guanzhu",
					},
					{
						name: "月收益",
						id: "tuijian",
					},
					{
						name: "年收益",
						id: "tiyu",
					},
				],
				scrollInto: "",
				cWidth: "",
				cHeight: "",
				tips: "",
				pixelRatio: 1,
				serverData: "",
				itemCount: 30, //x轴单屏数据密度
				sliderMax: 50,
				adrname: "",
				latitude: "",
				longitude: "",
				zhuangtai: 0,
				Column: [{
					categories: [],
					series: [{
						name: "日收益",
						data: [],
					}, ],
				}, ],
				Column1: [{
					categories: [],
					series: [{
						name: "月收益",
						data: [],
					}, ],
				}, ],
				Column2: [{
					categories: [],
					series: [{
						name: "年收益",
						data: [],
					}, ],
				}, ],
				pages: 1,
				adInc: 0,
				redInc: 0,
				tradeInc: 0,
				managerAd: 0,
				managerLs: 0,
				agentAreaName: '',
				publishState:1
			}
		},
		onLoad() {

			_self = this;
			//#ifdef MP-ALIPAY
			uni.getSystemInfo({
				success: function(res) {
					if (res.pixelRatio > 1) {
						//正常这里给2就行，如果pixelRatio=3性能会降低一点
						//_self.pixelRatio =res.pixelRatio;
						_self.pixelRatio = 2;
					}
				},
			});
			//#endif
			this.cWidth = uni.upx2px(680);
			this.cHeight = uni.upx2px(500);
			this.arcbarWidth = uni.upx2px(24);
			this.gaugeWidth = uni.upx2px(30);
		},
		onShow() {
			var _this = this;
			uni.getStorage({
				key: 'user',
				success: function(res) {
					console.log('缓存信息：',res)
					_this.nickname = res.data.nickName;
					_this.mainid = res.data.id;
					// _this.mainid = "1525398869348728834";
					_this.myinfo();
					_this.jinrishouyi();
				}
			});
			this.getPublishState()
		},
		methods: {
			getPublishState() {
				uni.getSystemInfo({
					success: (res) => {
						let brand = "";
						try{
							let brand  = res.brand.toLowerCase()
						}catch(e){
							//TODO handle the exception
							brand = "xiaomi"
						}
						let id = 1453982355387654100
						switch (brand){
							case 'xiaomi':
								id = 1456871784196436000;
								break;
							case 'huawei':
								id = 1456869585609388000;
								break;
							case 'vivo':
								id = 1456872496989040600;
								break;
							case 'oppo':
								id = 1456872951546736600;
								break;
							default:
								break;
						}
						uni.request({
							header: {
								"Content-Type": "application/x-www-form-urlencoded", //自定义请求头信息
							},
							url: getApp().globalData.url + 'admin/user/getAppletId/' + id,
							data: {
								id: id
							},
							method: 'POST',
							success: (res) => {
								console.log("publish app发布状态: ", res);
								this.publishState = res.data.data.state
							},
							fail: (err) => {
								console.log("publish app发布状态 err: ", err);
							}
						})
					}
				})
			},
			// 获取用户的营业收益,广告收益
			jinrishouyi() {
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'agent/getUserProfit/' + this.mainid, //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						id: this.mainid, //	用户ID（mainId）		true	string
					},
					success: (res) => {
						console.log('广告&流水收益：',res);
						if(res.data.data){
							this.adInc = res.data.data.adInc;
							this.redInc = res.data.data.redInc;
							this.tradeInc = res.data.data.tradeInc;
						}
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},
			// 获取管理用户的营业收益,广告收益
			managerJinrishouyi() {
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'mch/getAllIncSta/' + this.mainid, //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						id: this.mainid, //	用户ID（mainId）		true	string
					},
					success: (res) => {
						console.log('广告&流水收益1111：',res);
						this.managerAd = res.data.data.adInc;
						this.managerLs = res.data.data.tradeInc;
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},
			// jinjianzt() {
			// 	var _this = this;
			// 	var data = {
			// 		id: _this.mainid, //	用户ID（mainId）		true 
			// 	};
			// 	data = JSON.stringify(data);
			// 	uni.request({
			// 		header: {
			// 			"Content-Type": "application/x-www-form-urlencoded", //自定义请求头信息
			// 		},
			// 		url: getApp().globalData.url + "mch/queryApplyMch/" + _this.mainid, //仅为示例，并非真实接口地址。
			// 		method: "post",
			// 		data: data,
			// 		success: (res) => {
			// 			console.log('进件：',res);
			// 			if (res.data.status == "200") {
			// 				if (res.data.data) {
			// 					// console.log(res.data.data);
			// 					if (
			// 						res.data.data.wechat.status == 1 ||
			// 						res.data.data.ali.status == 1
			// 					) {
			// 						_this.zhuangtai = 1;
			// 					}
			// 				}
			// 			} else {
			// 				_this.zhuangtai = 0;
			// 			}
			// 		},
			// 		fail: (error) => {
			// 			console.log(error);
			// 		},
			// 	});
			// },
			hongbaosz() {
				uni.navigateTo({
					url: '/pages/hongbao/hongbao'
				});
			},
			rimingxi() {
				// console.log(11);
				uni.navigateTo({
					url: "/pages/mingxi/mingxi_jiaoyi_user",
				});
			},
			// getServerData() {
			// 	// uni.showLoading({
			// 	// 	title: "正在加载数据..."
			// 	// })

			// 	let data = {
			// 		Column: {
			// 			categories: ["01/01"], ///x轴显示
			// 			series: [{
			// 					name: "日收益",
			// 					color: "#FFBD04",
			// 					data: [{
			// 						value: 0,
			// 						color: "#FFBD04",
			// 					}, ],
			// 				}, ///y轴显示
			// 			],
			// 		},
			// 		Column1: {
			// 			categories: ["2021/01"], ///x轴显示
			// 			series: [{
			// 				name: "月收益",
			// 				color: "#FFBD04",
			// 				data: [{
			// 					value: 0,
			// 					color: "#FFBD04",
			// 				}, ],
			// 			}, ],
			// 		},
			// 		Column2: {
			// 			categories: ["2021"], ///x轴显示
			// 			series: [{
			// 				name: "年收益",
			// 				color: "#FFBD04",
			// 				data: [{
			// 					value: 0,
			// 					color: "#FFBD04",
			// 				}, ],
			// 			}, ],
			// 		},
			// 	};

			// 	this.$forceUpdate();
			// 	this.showColumn("canvasColumn", data.Column);
			// 	this.showColumn("canvasColumn1", data.Column1);
			// 	this.showColumn("canvasColumn2", data.Column2);
			// 	// _self.fillData(data);
			// 	// uni.request({
			// 	// 	url: 'https://unidemo.dcloud.net.cn/hello-uniapp-ucharts-data.json',
			// 	// 	data: {},
			// 	// 	success: function(res) {
			// 	// 		console.log(res.data);
			// 	// 	},
			// 	// 	fail: () => {
			// 	// 		_self.tips = "网络错误，小程序端请检查合法域名";
			// 	// 	},
			// 	// 	complete() {
			// 	// 		uni.hideLoading();
			// 	// 	}
			// 	// });
			// },
			fillData(data) {
				this.serverData = data;
				this.tips = data.tips;
				this.sliderMax = data.Candle.categories.length;
				let Column = {
					categories: [],
					series: [],
				};
				//这里我后台返回的是数组，所以用等于，如果您后台返回的是单条数据，需要push进去
				Column.categories = data.Column.categories;
				//这里的series数据是后台做好的，如果您的数据没有和前面我注释掉的格式一样，请自行拼接数据
				Column.series = data.Column.series;

				this.showColumn("canvasColumn", Column);
			},
			showColumn(canvasId, chartData) {
				canvasObj[canvasId] = new uCharts({
					$this: _self,
					canvasId: canvasId,
					type: "column",
					padding: [15, 15, 0, 15],
					legend: {
						show: true,
						padding: 5,
						lineHeight: 11,
						margin: 0,
					},
					fontSize: 11,
					background: "#FFFFFF",
					pixelRatio: _self.pixelRatio,
					animation: false,
					categories: chartData.categories,
					series: chartData.series,
					xAxis: {
						// disableGrid: true,
					},
					yAxis: {
						format: (val) => {
							return val.toFixed(0) + "元";
						},
					},
					dataLabel: true,
					width: _self.cWidth * _self.pixelRatio,
					height: _self.cHeight * _self.pixelRatio,
					extra: {
						// column: {
						// 	type: 'group',
						// 	width: _self.cWidth * _self.pixelRatio * 0.45 / chartData.categories.length
						// }
					},
				});
			},

			touchCandle(e) {
				canvasObj["canvasCandle"].scrollStart(e);
			},
			moveCandle(e) {
				canvasObj["canvasCandle"].scroll(e);
			},
			touchEndCandle(e) {
				canvasObj["canvasCandle"].scrollEnd(e);
				//下面是toolTip事件，如果滚动后不需要显示，可不填写
				canvasObj["canvasCandle"].showToolTip(e, {
					format: function(item, category) {
						return category + " " + item.name + ":" + item.data;
					},
				});
			},
			touchIt(e, id) {
				canvasObj[id].touchLegend(e, {
					animation: false,
				});
				canvasObj[id].showToolTip(e, {
					format: function(item, category) {
						if (typeof item.data === "object") {
							return category + " " + item.name + ":" + item.data.value;
						} else {
							return category + " " + item.name + ":" + item.data;
						}
					},
				});
			},
			ontabtap(e) {
				let index = e.target.dataset.current || e.currentTarget.dataset.current;
				this.switchTab(index);
			},
			ontabchange(e) {
				let index = e.target.current || e.detail.current;
				this.switchTab(index);
			},
			switchTab(index) {
				if (this.tabIndex === index) {
					return;
				}
				this.tabIndex = index;
				this.scrollInto = this.tabBars[index].id;
			},
			task(){
				uni.navigateTo({
					url:'/package-task/pages/index/index'
				})
			},
			shareCode(){
				uni.navigateTo({
					url: "/pages/shareErcode/index",
				});
			},
			pusher(){
				uni.navigateTo({
					url:'/pages/pusher/pusher'
				})
			},
			weix() {
				uni.navigateTo({
					url: '/pages/shouquan/shouquan'
				});
			},
			bangding() {
				uni.navigateTo({
					url: '/pages/sh_bangding/sh_bangding'
				});
			},
			kefu() {
				uni.navigateTo({
					url: '/pages/guanyu/kefu'
				});
			},
			skm() {
				uni.navigateTo({
					url: '/pages/shoukuangma/index'
				});
			},
			bindSound(){
				uni.navigateTo({
					url: '/pages/bindSound/bindSound'
				});
			},
			// shezhis() {
			// 	console.log(11);
			// 	uni.navigateTo({
			// 		url: '/pages/hongbao/shezhi'
			// 	});
			// },
			info() {
				uni.navigateTo({
					url: '/pages/gerenxinxi/gerenxinxi?utype=' + this.utype
				});
			},
			gengxin() {
				uni.navigateTo({
					url: '/pages/guanyu/gengxin'
				});
			},
			xiugaimima() {
				uni.navigateTo({
					url: '/pages/mima_xiugai/mima_xiugai'
				});
			},
			tuichu() {

				uni.showModal({ //提醒用户更新  
					title: "退出登陆",
					content: "退出后需要重新登陆，确定退出当前账号吗？",
					success: (res) => {
						if (res.confirm) {
							uni.setStorage({
								key: 'pass',
								data: {
									pass: '',
									ck: ''
								}
							});
							uni.setStorage({
								key: 'user',
								data: {}
							});
							// #ifdef APP-PLUS  
							plus.runtime.quit();
							// #endif

						}
					}
				})
			},
			usersy() {
				// console.log(111);
				uni.navigateTo({
					url: "/pages/mingxi/mingxi_user_log",
				});
			},
			daili1() {
				uni.navigateTo({
					url: "/pages/mingxi/mingxi_jiaoyi_daili",
				});
			},
			dailimingxi() {
				uni.navigateTo({
					url: "/pages/mingxi/mingxi_jiaoyi_daili_log",
				});
			},
			shanghu() {
				uni.navigateTo({
					url: "/pages/tuandui/shanghu",
				});
			},
			zhituishanghu(){
				uni.navigateTo({
					url: "/pages/tuandui/zhituishanghu",
				});
			},
			street() {
				uni.navigateTo({
					url: "/pages/street-agency/street-agency",
				});
			},
			jindu() {
				uni.navigateTo({
					url: "/pages/shenqing/shenqing_jindu",
				});
			},
			jinduAll(){
				uni.navigateTo({
					url: "/pages/shenqing/shenqing_jindu_all",
				});
			},
			shenqing() {
				uni.navigateTo({
					url: "/pages/shenqing/shenqing_cjglinfo",
				});
			},
			toufang() {
				uni.navigateTo({
					url: "/pages/ad/ad",
				});
			},
			ad() {
				uni.navigateTo({
					url: "/pages/ad/adlist",
				});
			},
			tixianErcode(){
				uni.navigateTo({
					url: "/pages/tixianErcode/tixianErcode",
				});
			},
			shad() {
				uni.navigateTo({
					url: "/pages/tuandui/ad_shanghu",
				});
			},
			fenxiang() {
				uni.navigateTo({
					url: "/pages/fenxiang/fenxiang",
				});
			},
			mingxi1() {
				uni.navigateTo({
					url: "/pages/mingxi/mingxi_hongbao",
				});
			},
			basedl(){
				uni.navigateTo({
					url: "/pages/basedl/basedl",
				});
			},
			mingxi() {
				uni.navigateTo({
					url: "/pages/mingxi/mingxi_jiaoyi",
				});
			},
			tsmingxi(){
				uni.navigateTo({
					url: "/pages/mingxi/mingxi_jiaoyi_ts",
				});
			},
			huiyuan() {
				uni.navigateTo({
					url: "/pages/mingxi/mingxi_jiaoyi_huiyuan",
				});
			},
			order() {
				uni.navigateTo({
					url: "/pages/order/orderlist1",
				});
			},
			saoma() {
				uni.navigateTo({
					url: "/pages/saoma/saoma",
				});
			},
			about() {
				uni.navigateTo({
					url: "/pages/about/about",
				});
			},
			vip() {
				uni.navigateTo({
					url: "/pages/about/vip",
				});
			},
			zhuxiao(){
				uni.navigateTo({
					url: "/pages/zhuxiao/zhuxiao",
				});
			},
			// tuandui() {
			// 	uni.navigateTo({
			// 		url: "/pages/tuandui/tuandui",
			// 	});
			// },
			hongbao() {
				uni.navigateTo({
					url: "/pages/hongbao/hongbao",
				});
			},
			onAdClick(){
				// return
				uni.navigateTo({
					url: "/pages/statistics/statistics-ad",
				});
			},
			onTradeClick() {
				// return
				uni.navigateTo({
					url: "/pages/statistics/statistics",
				});
			},
			onAdAgentClick(){
				uni.navigateTo({
					url: "/pages/statistics/statistics-ad-agent",
				});
			},
			onTradeAgentClick(){
				uni.navigateTo({
					url: "/pages/statistics/statistics",
				});
			},
			//请求收益表中的数据
			shouyi() {
				var that = this;
				uni.request({
					header: {
						"Content-Type": "application/json", //自定义请求头信息
					},
					url: getApp().globalData.url + "user/incStaHome/" + that.mainid, //仅为示例，并非真实接口地址。
					method: "POST",
					data: {
						id: that.mainid,
					},
					success: (res) => {
						//uni.hideLoading(); //关闭加载动画
						console.log('收益表：',res);
						if (res.data.status == "200") {
							let daystime = [];
							let daysmon = [];
							let monthtime = [];
							let monthmon = [];
							let yeartime = [];
							let yearmon = [];
							if (res.data.data) {
								for (let i = 0; i < res.data.data.days.length; i++) {
									daystime.push(res.data.data.days[i].createdTime);
									if (!res.data.data.days[i].adInc) {
										res.data.data.days[i].adInc = 0;
									}
									if (!res.data.data.days[i].redInc) {
										res.data.data.days[i].redInc = 0;
									}
									if (!res.data.data.days[i].tradeInc) {
										res.data.data.days[i].tradeInc = 0;
									}
									let zonge = {
										value: Number(
											// res.data.data.days[i].adInc +
											// res.data.data.days[i].redInc +
											res.data.data.days[i].tradeInc
										) / 100,
										color: "#FFBD04",
									};
									daysmon.push(zonge);
								}
								for (let i = 0; i < res.data.data.month.length; i++) {
									monthtime.push(res.data.data.month[i].createdTime);
									if (!res.data.data.month[i].adInc) {
										res.data.data.month[i].adInc = 0;
									}
									if (!res.data.data.month[i].redInc) {
										res.data.data.month[i].redInc = 0;
									}
									if (!res.data.data.month[i].tradeInc) {
										res.data.data.month[i].tradeInc = 0;
									}
									let zonge = {
										value: Number(
											// res.data.data.month[i].adInc +
											// res.data.data.month[i].redInc +
											res.data.data.month[i].tradeInc
										) / 100,
										color: "#FFBD04",
									};
									monthmon.push(zonge);
								}

								for (let i = 0; i < res.data.data.year.length; i++) {
									yeartime.push(res.data.data.year[i].createdTime);
									if (!res.data.data.year[i].adInc) {
										res.data.data.year[i].adInc = 0;
									}
									if (!res.data.data.year[i].redInc) {
										res.data.data.year[i].redInc = 0;
									}
									if (!res.data.data.year[i].tradeInc) {
										res.data.data.year[i].tradeInc = 0;
									}

									let zonge = {
										value: Number(
											// res.data.data.year[i].adInc +
											// res.data.data.year[i].redInc +
											res.data.data.year[i].tradeInc
										) / 100,
										color: "#FFBD04",
									};
									yearmon.push(zonge);
								}

							}
							let data = {
								Column: {
									categories: daystime, ///x轴显示
									series: [{
											name: "日收益",
											color: "#FFBD04",
											data: daysmon,
										}, ///y轴显示
									],
								},
								Column1: {
									categories: monthtime, ///x轴显示
									series: [{
										name: "月收益",
										color: "#FFBD04",
										data: monthmon,
									}, ],
								},
								Column2: {
									categories: yeartime, ///x轴显示
									series: [{
										name: "年收益",
										color: "#FFBD04",
										data: yearmon,
									}, ],
								},
							};

							that.showColumn("canvasColumn", data.Column);
							that.showColumn("canvasColumn1", data.Column1);
							that.showColumn("canvasColumn2", data.Column2);
						}
					},
					fail: (error) => {
						// this.checks = true
						console.log(error);
					},
				});
			},
			myinfo() {
				var that = this;
				// this.$request.post('user/myInfo/' + that.mainid ,{
					
				// }).then((res) => {
				// 	console.log("个人信息结果",res);
				// })
				uni.request({
					header: {
						"Content-Type": "application/x-www-form-urlencoded", //自定义请求头信息
					},
					url: getApp().globalData.url + 'user/myInfo/' + that.mainid, //仅为示例，并非真实接口地址。
					method: 'POST',
					// data: {
					// 	id: that.mainid
					// },
					success: (res) => {
						uni.hideLoading(); //关闭加载动画
						console.log('个人信息：',res);
						if (res.data.status == '200') {
							that.mainid = res.data.data.id;
							console.log(res.data);
							that.usertype = res.data.data.typeName;
							that.nickname = res.data.data.nickName;
							that.agentAreaName = res.data.data.agentAreaName;
							that.level = res.data.data.level;
							that.utype = res.data.data.type;

							that.shouyi();
							if(that.utype == 0 && that.level == 2){
								that.managerJinrishouyi();
							}
							// that.jinjianzt();
							if (res.data.data.headUrl) {

								that.headimg = res.data.data.headUrl;
							} else {
								that.headimg = '/static/img/logo.png'
							}
						}
					},
					fail: (error) => {
						// this.checks = true
						console.log(error)
					}
				});
			},
		}
	}
</script>

<style>
	.cneter_main {
		width: 100%;
		height: auto;
		float: left;
		display: flex; justify-content: space-between;
	}

	.center_li {
		width:50%;
		height: auto;
		float: left;
		margin: 2vw 0;
		border-right: 1px solid #F2F2F2;
		margin-top: 5vw;
	}

	.center_li:last-child {
		border: none;
	}

	.center_li text {
		width: 100%;
		height: 6vw;
		line-height: 6vw;
		float: left;
		text-align: center;
	}

	.center_top_next {
		width: 6vw;
		height: auto;
		float: right;
		margin-top: 10vw;
	}

	.shop_tit_img {
		width: 5vw;
		height: 5vw;
		margin-right: 3vw;
	}

	.shop {
		width: 100%;
		height: auto;
		float: left;
		margin-bottom: 20vw;
	}

	.shop_tit {
		width: 100%;
		height: auto;
		/* padding: 0 3vw; */
		float: left;
		margin-bottom: 4vw;
	}

	/* 通用样式 */
	.qiun-charts {
		/* width: 750rpx; */
		/* width:100%; */
		width: 100%;
		height: 65vw;
		background-color: #ffffff;
		float: left;
	}

	.charts {
		/* width: 750rpx; */
		width: 100%;
		height: 65vw;
		background-color: #ffffff;
		float: left;
	}

	.swiper-box {
		width: 100%;
		height: 650rpx;
		background: #fff;
		float: left;
		/* flex: 1; */
	}

	.swiper-item {
		/*  flex: 1;
        flex-direction: row; */
	}

	.scroll-v {
		flex: 1;
		/* #ifndef MP-ALIPAY */
		flex-direction: column;
		/* #endif */
		width: 750rpx;
		width: 100%;
	}

	.tabs {
		flex: 1;
		flex-direction: column;
		overflow: hidden;
		background-color: #ffffff;
		/* #ifdef MP-ALIPAY || MP-BAIDU */
		height: 100vh;
		/* #endif */
	}

	.scroll-h {
		width: 100%;
		height: auto;
		float: left;
	}

	.line-h {
		height: 1rpx;
		background-color: #cccccc;
	}

	.uni-tab-item {
		width: 100%;
		height: auto;
		float: left;
		/* #ifndef APP-PLUS */
		display: inline-block;
		/* #endif */
		flex-wrap: nowrap;
		padding: 0 3vw;
		/* padding-left: 35rpx;
		padding-right: 35rpx; */
	}

	.uni-tab-item-title {
		color: #555;
		font-size: 30rpx;
		height: 12vw;
		line-height: 12vw;
		width: auto;
		float: left;
		margin-right: 6vw;
		flex-wrap: nowrap;
		/* #ifndef APP-PLUS */
		white-space: nowrap;
		/* #endif */
	}

	.uni-tab-item-title-active {
		color: #f4be45;
	}

	body {
		background: #fff;
	}

	.ind_mingxi {
		width: 100%;
		height: auto;
		float: left;
		padding: 8vw 5vw;
		border-bottom: 2vw solid #F2F2F2;
		/* box-shadow: 0px 0px 3px #ccc; */
		/* border-radius: 2vw; */
		/* margin: 8vw 5%; */
		/* margin-bottom: 6vw; */
	}

	.ind_nav {
		/* width: auto; */
		width: 25%;
		height: auto;
		display: block;
		float: left;
		position: relative;
		padding-top: 12vw;
		padding-bottom: 5vw;
	}

	.ind_mingxi_li {
		width: 100%;
		height: auto;
		float: left;
		background: #fff;
	}

	.ind_mingxi_i {
		width: 100%;
		height: 100vw;
		height: auto;
		float: left;
	}

	.ind_nav_image {
		width: 10vw;
		height: 10vw;
		padding: 2vw;
		display: block;
		float: left;
		background: #f1c75e;
		border-radius: 12vw;
		position: absolute;
		top: 0vw;
		left: 50%;
		/* box-shadow: 0px 0px 2vw #dfdfdf; */
		margin-left: -5vw;
	}

	.ind_nav_image image {
		width: 100%;
		height: auto;
		display: block;
		float: left;
	}

	.ind_nav text {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		text-align: center;
	}

	.ind_jiaoyi_jian1 {
		width: 100%;
		height: auto;
		/* display: flex; */
		display: block;
		float: left;
		padding: 6vw 5vw;
		/* padding-top: 7vw; */
		/* box-shadow: 0px 0px 3px #ccc; */
		border-radius: 2vw;
		/* margin: 2vw 0; */
		/* margin-bottom: 4vw; */
		border-bottom: 2vw solid #F2F2F2;
		/* justify-content: space-between; */
	}

	.center_top {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		/* background: -webkit-linear-gradient(left, #F1C75E, #ff6d01); */
		/* background: -o-linear-gradient(left, #F1C75E, #ff6d01); */
		/* background: -moz-linear-gradient(left, #F1C75E, #ff6d01); */
		/* background-color: linear-gradient(left, #F1C75E, #ff6d01); */
		background-image: linear-gradient(to right, #F1C75E, #ff6d01);
		/* padding-top: 14vw; */
		margin-bottom: 20vw;
	}

	.center {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		border-radius: 5vw;
		background: #fff;
		margin: 2vw 5%;
		margin-top: 20vw;
		background: #fff;
		padding: 4vw;
		box-shadow: 0px 0px 5px #eee;
		margin-bottom: -20vw;
		/* padding-bottom: 16vw; */
	}

	.center_top_img {
		width: 20vw;
		height: 20vw;
		display: block;
		float: left;
		margin: 2vw 0;
		border-radius: 50%;
		/* position: absolute; */
		/* left: 50%; */
		/* margin-left: -10vw; */
		/* top: -15vw; */
		box-shadow: 0 0 2px #F2F2F2;
		background: #fff;

	}

	.center_top_tit {
		width: 56vw;
		height: 14vw;
		line-height: 7vw;
		display: block;
		float: left;
		margin-top: 4vw;
		text-align: center;
	}

	.center_top_tit text {
		width: auto;
		height: 7vw;
		line-height: 7vw;
		float: left;
		text-align: center;
		padding: 0 3vw;
	}

	.center_top_more {
		width: 11vw;
		height: 14vw;
		display: block;
		float: right;
		padding: 4vw;
		margin-top: 4vw;
	}

	.center_top_but {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		margin: 2vw 5%;
	}

	.center_top_but_li {
		width: 50%;
		height: auto;
		display: block;
		float: left;
		border-right: 1px solid #fff;
		margin-bottom: 1vw;
	}

	.center_top_but_li:last-child {
		border: none;
	}

	.center_top_but_li image {
		width: 4.5vw;
		height: 6vw;
		display: block;
		float: left;
		margin-left: 20.5vw;
	}

	.center_top_but_li text {
		width: 100%;
		height: 8vw;
		line-height: 8vw;
		display: block;
		float: left;
		text-align: center;
	}

	.center_num1 {
		width: 44%;
		height: auto;
		display: block;
		float: left;
		border-radius: 1vw;
		box-shadow: 0px 0px 1vw #ccc;
		margin: 3vw 5%;
		margin-right: 1%;
		padding: 3vw 5vw;
	}

	.center_num1 text {
		width: 100%;
		height: 8vw;
		line-height: 8vw;
		display: block;
		float: left;
	}

	.center_num2 {
		width: 44%;
		height: auto;
		display: block;
		float: left;
		border-radius: 1vw;
		box-shadow: 0px 0px 5px #eee;
		margin: 3vw 5%;
		margin-left: 1%;
		padding: 3vw 5vw;
	}

	.center_num2 text {
		width: 100%;
		height: 8vw;
		line-height: 8vw;
		display: block;
		float: left;
	}

	.center_banner {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		margin: 0 5%;
		margin-bottom: 3vw;
		border-radius: 3vw;
		overflow: hidden;
	}

	.center_banner image {
		width: 100%;
		height: auto;
		display: block;
		float: left;
	}

	.center_qb {
		width: 90%;
		height: 20vw;
		display: block;
		float: left;
		line-height: 20vw;
		border-radius: 1vw;
		box-shadow: 0px 0px 5px #eee;
		margin: 3vw 5%;
		text-align: center;
	}

	.center_tream {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		/* margin: 0 5%; */
		/* margin-bottom: 4vw; */
		padding: 2vw 0;
		/* box-shadow: 0px 0px 5px #eee; */
		/* border-radius: 2vw; */
		background: #fff;
		border-top: 1px solid #F2F2F2;
	}

	.center_tream_tub {
		width: 7vw;
		padding: 1.5vw;
		border-radius: 2vw;
		height: 7vw;
		display: block;
		float: left;
	}

	.center_tream text {
		width: 40vw;
		height: 8vw;
		display: block;
		float: left;
		line-height: 8vw;
		margin-left: 3vw;
	}

	.center_tream_next {
		width: 2vw;
		display: block;
		float: right;
		margin-top: 2vw;
	}

	.center_tit {
		width: 100%;
		height: 18vw;
		float: left;
		padding: 0 5vw;
		background: -webkit-linear-gradient(left, #F1C75E, #ff6d01);
		background: -o-linear-gradient(left, #F1C75E, #ff6d01);
		background: -moz-linear-gradient(left, #F1C75E, #ff6d01);
		background: linear-gradient(left, #F1C75E, #ff6d01);
		z-index: 999;
		position: fixed;
		top: 0;
		left: 0;
		padding-top: 10vw;
	}

	.center_tit image {
		width: 7vw;
		height: auto;
		float: right;
	}
</style>
